#sortable{
margin: 0; padding: 0; margin-right: 10px; background: #99f; padding: 5px; overflow: auto;
}

#sortable li{
text-align: center; display: block; float: left; margin: 2px; padding: 2px; font-size: 1.2em; width: 100px; background-color: #eee;
}

#nonsortable{
margin: 0; padding: 0; margin-right: 10px; background: #99f; padding: 5px; overflow: auto;
}

#nonsortable li{
text-align: center; display: block; float: left; margin: 2px; padding: 2px; font-size: 1.2em; width: 100px; background-color: #eee;
}

#coutput{
	height: 200px;
	min-width: 98%;
	max-width: 98%;
	overflow-y: scroll;
	padding: 10px;
}

div.arrowsandboxes-powered-by-hovered span {
	display: none;
}

div.arrowsandboxes-wrapper-hovered div.arrowsandboxes-powered-by {
	display: none;
}

a.button,a.button:link,a.button:visited{
  width:80px;
  display:inline-block;
  color: #000000;
  font-weight:bold;
  font-size:14px;
  margin:1px;
  border:1px solid #ddd;
  border-radius: 5px;
  padding-bottom: 1px;
  text-decoration:none;
}

a.button:hover{
  border:1px solid #f00;
}

a.clickable,a.clickable:link,a.clickable:visited{
  width:120px;
  display:inline-block;
  color: #ffffff;
  background-color: #a0a0f0;
  font-weight:bold;
  font-size:16px;
  margin:1px;
  border:1px solid #ddd;
  border-radius: 5px;
  padding-bottom: 2px;
  text-decoration:none;
}

a.clickable:hover{
  background-color: #ffffff;
  color: #a0a0f0;
}
